<template>
    <div class="user">
        <div class="user_top">
            <div class="icon">
                <i class="iconfont">&#xe605;</i>
                <i class="iconfont">&#xe851;</i>
            </div>
            <div class="info">
                <div class="user_img">
                    <img src="" alt="">
                </div>
                <div class="user_info">
                    <div class="user_name"></div>
                    <div class="user_level">
                        <span></span>
                        <span>成长值</span>
                    </div>
                    <div class="vip_code">
                        <i class="iconfont">&#xe601;</i>
                        会员码
                    </div>
                </div>
            </div>
            <div class="user_msg">
                <div>
                    <div class="count"></div>
                    <div class="title">我的收藏</div>
                </div>
                <div>
                    <div class="count"></div>
                    <div class="title">我的足迹</div>
                </div>
                <div>
                    <div class="count"></div>
                    <div class="title">店铺关注</div>
                </div>
            </div>
        </div>
        <div class="user_bottom">
            <div class="user_content">
                <div class="vip">
                    <img src="https://x.dscmall.cn/static/dist/img/icon-vip.png" alt="">
                    <div class="vip_name"></div>
                    <p>购物省钱 分享赚钱</p>
                    <span>
                        立即开通
                        <i class="iconfont">&#xe61d;</i>
                    </span>
                </div>
                <div class="user_data">
                    <div>
                        <span class="count"></span>
                        <span class="title"></span>
                    </div>
                    <div>
                        <span class="count"></span>
                        <span class="title"></span>
                    </div>
                    <div>
                        <span class="count"></span>
                        <span class="title"></span>
                    </div>
                    <div>
                        <i class="iconfont">&#xe614;</i>
                        我的推广
                    </div>
                </div>
                <div class="user_orders">
                    <div class="top">
                        <span class="title">我的订单</span>
                        <span class="all">
                            全部订单
                            <i class="iconfont">&#xe61d;</i>
                        </span>
                    </div>
                    <div class="bottom">
                        <div>
                            <i class="iconfont">&#xe650;</i>
                            <span class="title">待付款</span>
                        </div>
                        <div>
                            <i class="iconfont">&#xe650;</i>
                            <span class="title">待拼团</span>
                        </div>
                        <div>
                            <i class="iconfont">&#xe650;</i>
                            <span class="title">待收货</span>
                        </div>
                        <div>
                            <i class="iconfont">&#xe650;</i>
                            <span class="title">待评价</span>
                        </div>
                        <div>
                            <i class="iconfont">&#xe650;</i>
                            <span class="title">退货款</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>

</script>

<style scoped></style>